<ion-header class="nav-header">
  <ion-toolbar>
    <ion-title>开奖结果</ion-title>
  </ion-toolbar>
</ion-header>
<ion-header>
  <div class="lottery-header">
    <ion-grid>
      <ion-row>
        <ion-col size=6 (click)="toLotMenuPage()">
          <ion-text>{{lotType}}</ion-text>&nbsp;
          <i class="iconfont  ion-ios-down-trangle" style="font-size: 0.7rem;color: #666666;"></i>
        </ion-col>
        <ion-col size=6 *ngIf="tabarData.show">
          <ion-datetime pickerFormat="YYYY-M-D" (ionChange)="selectTime()" display-format="YYYY-MM-DD"
            min="{{minValue}}" cancelText="取消" doneText="确认" [(ngModel)]="selectDate"></ion-datetime>&nbsp;<i
            class="iconfont  calendar ion-ios-iconset0209" style="font-size: 0.7rem"></i>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
  <ion-grid *ngIf="isRes" class="grid-header">
    <ion-row>
      <ion-col size="3" class="lotter-date">
        {{tabarData.cycleid}}/{{tabarData.sdate}}
      </ion-col>
      <!-- 切换的按钮 -->
      <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey=='lhc' || lotKey=='qlc' || lotKey=='mlc' || lotKey=='twd'">
        <span *ngIf="tabarData.balls" [ngClass]="{'active':showStateData.balls}"
          (click)="onSelectType('balls')">{{tabarData.balls}}</span>
        <span *ngIf="tabarData.dx" [ngClass]="{'active':showStateData.dx}"
          (click)="onSelectType('dx')">{{tabarData.dx}}</span>
        <span *ngIf="tabarData.ds" [ngClass]="{'active':showStateData.ds}"
          (click)="onSelectType('ds')">{{tabarData.ds}}</span>
        <span *ngIf="tabarData.sum" [ngClass]="{'active':showStateData.sum}"
          (click)="onSelectType('sum')">{{tabarData.sum}}</span>
        <span *ngIf="tabarData.nn" [ngClass]="{'active':showStateData.nn}"
          (click)="onSelectType('nn')">{{tabarData.nn}}</span>
        <span *ngIf="tabarData.tm" [ngClass]="{'active':showStateData.tm}"
          (click)="onSelectType('tm')">{{tabarData.tm}}</span>
      </ion-col>
      <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey!='lhc' && lotKey!='qlc' && lotKey!='mlc' && lotKey!='twd'">
        <span
          *ngIf="tabarData.balls && (tempLotKey=='pk8' || tempLotKey=='pt8' || tempLotKey=='pks' || tempLotKey=='pka' || tempLotKey=='yka' || tempLotKey=='sg8' || tempLotKey=='pkt')"
          [ngClass]="{'active':showStateData.balls}" (click)="onSelectType('balls')">{{tabarData.balls}}</span>
        <span
          *ngIf="tabarData.balls  && tempLotKey!='pk8' && tempLotKey!='pt8' && tempLotKey!='pks' && tempLotKey!='pka' && tempLotKey!='yka' && tempLotKey!='sg8' && tempLotKey!='pkt'"
          [ngClass]="{'active':showStateData.balls}" (click)="onSelectType('balls')">{{tabarData.balls}}</span>
        <span *ngIf="tabarData.dx" [ngClass]="{'active':showStateData.dx}"
          (click)="onSelectType('dx')">{{tabarData.dx}}</span>
        <span *ngIf="tabarData.ds" [ngClass]="{'active':showStateData.ds}"
          (click)="onSelectType('ds')">{{tabarData.ds}}</span>
        <span
          *ngIf="tabarData.sum && (tempLotKey=='pk8' || tempLotKey=='pt8' || tempLotKey=='pks' || tempLotKey=='pka' || tempLotKey=='yka' || tempLotKey=='sg8' || tempLotKey=='pkt')"
          [ngClass]="{'active':showStateData.sum && !showStateData.balls}"
          (click)="onSelectType('sum')">{{tabarData.sum}}</span>
        <span *ngIf="tabarData.zh && (tempLotKey=='f3d' || tempLotKey=='pl3')"
          [ngClass]="{'active':showStateData.zh && !showStateData.balls}"
          (click)="onSelectType('zh')">{{tabarData.zh}}</span>
        <span
          *ngIf="tabarData.sum  && tempLotKey!='pk8' && tempLotKey!='pt8' && tempLotKey!='pks' && tempLotKey!='pka' && tempLotKey!='yka' && tempLotKey!='sg8' && tempLotKey!='pkt'"
          [ngClass]="{'active':showStateData.sum}" (click)="onSelectType('sum')">{{tabarData.sum}}</span>
        <span *ngIf="tabarData.nn" [ngClass]="{'active':showStateData.nn}"
          (click)="onSelectType('nn')">{{tabarData.nn}}</span>
        <span *ngIf="tabarData.gylh" [ngClass]="{'active':showStateData.gylh}"
          (click)="onSelectType('gylh')">{{tabarData.gylh}}</span>
          <span *ngIf="tabarData.bsl && (tempLotKey=='a20' || tempLotKey=='y20' || tempLotKey=='sk8' || tempLotKey=='js8')"
          [ngClass]="{'active':showStateData.bsl}"
          (click)="onSelectType('bsl')">{{tabarData.bsl}}</span>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-header>
<ion-content>
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <div class="lottery-content lottery-{{lotKey}}" *ngIf="isRes">
    <ion-grid [ngClass]="{'res-nn':showStateData.nn}">
      <ion-row *ngFor="let item of listData">
        <ion-col class="lotter-date" size="3">
          <div>{{item.cycleid}}</div>
          <div>{{item.sdate}}</div>
        </ion-col>
        <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey=='lhc' || lotKey=='qlc' || lotKey=='mlc' || lotKey=='twd'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain lhc-qlc"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <div style="display: block;">
              <i *ngFor="let itemSon of item.balls; let i=index;">
                <span *ngIf="i==6" class="lhc-qlc-lot-default">+</span>
                <span class="lhc-qlc-lot lhc-qlc-lot-{{itemSon}}">{{itemSon}}</span>
              </i>
            </div>
            <div style="display: block;"><i *ngFor="let itemSon of item.gylh; let i=index;">
                <span *ngIf="i==6">&nbsp;</span>
                <span class="lhc-qlc-lot-default">{{itemSon}}</span>
              </i></div>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.sum" class="lhc-qlc-sum-num"
              [ngClass]="{'lhc-qlc-sum-dd': itemSon |  replacestrdd,'lhc-qlc-sum-sx': itemSon |  replacestrsx,'lhc-qlc-sum-red': itemSon |  replacestrred,'lhc-qlc-sum-green': itemSon |  replacestrgreen,'lhc-qlc-sum-blue': itemSon |  replacestrblue,'lhc-qlc-num':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.tm && item.tm[0]!=49"
            class="lottery-res-contain lottery-res-tm-contain lottery-res-contain-tm">
            <i *ngFor="let itemSon of item.tm; let tm_i=index;">
              <span class="lottery-ts-sx-dd lhc-qlc-lot-{{itemSon}}"
                [ngClass]="{'lottery-dd': itemSon |  replacestrddOne,'lottery-sx': itemSon |  replacestrsxOne,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber)}">{{itemSon}}</span>
            </i>
          </div>
          <div *ngIf="showStateData.tm && item.tm[0]==49"
            class="lottery-res-contain lottery-res-tm-contain lottery-res-contain-tm">
            <i *ngFor="let itemSon of item.tm; let tm_i=index;" [ngClass]="{'he-3':tm_i>3}">
              <span class="lottery-ts-sx-dd  lhc-qlc-lot-{{itemSon}}"
                [ngClass]="{'lot-tshe':tm_i>3,'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),'lottery-ts-sx-dd-he':itemSon|replacestrhe}">{{itemSon}}</span>
            </i>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain ">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
        </ion-col>
        <!-- 结果的显示 -->
        <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey=='ssc'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain ssc-ssc"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <span *ngFor="let itemSon of item.balls" class="ssc-ssc-num ssc-ssc--{{itemSon}}"></span>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain  lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
              'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain ">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.gylh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
          </div>
        </ion-col>

        <ion-col class="lotter-data lotter-data-right" size="9"
          *ngIf="lotKey=='ssn' || lotKey=='xyssc' || lotKey=='ssh' || lotKey=='ss8' || lotKey=='sgs' || lotKey=='f3d' || lotKey=='pl3' || lotKey=='sjs' || lotKey=='yjs'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain ssn-ssh-f3d-pl3-sjs"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <span *ngFor="let itemSon of item.balls" class="balls-contain ssn-ssh-f3d-pl3-sjs-num">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
            'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain ">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.gylh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.zh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.zh" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replaceZh,'lottery-sx': !(itemSon |  replaceZh)}">{{itemSon}}</span>
          </div>
        </ion-col>

        <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey=='s3s' || lotKey=='js3' || lotKey=='sg3'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain s3s-s3s"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <span *ngFor="let itemSon of item.balls" class="balls-contain s3s-s3s--{{itemSon}}"></span>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
              'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber,'ts-tc':itemSon|replacesttc}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain ">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.gylh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
          </div>
        </ion-col>

        <ion-col class="lotter-data lotter-data-right" size="9"
          *ngIf="lotKey=='stj'  || lotKey=='ssg' || lotKey=='klsf' || lotKey=='az8' || lotKey=='yz8' || lotKey=='s10'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain stj-ssg"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <span *ngFor="let itemSon of item.balls"
              class="stj-ssg-num balls-contain stj_ssg--{{itemSon}}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain  lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
              'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain ">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.gylh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
          </div>
        </ion-col>

        <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey=='sgx'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain sgx-sgx"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <span *ngFor="let itemSon of item.balls" class="sgx-sgx-num sgx_sgx--{{itemSon}}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
              'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.gylh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
          </div>
        </ion-col>
        <!-- 广东11选5 -->
        <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey=='sxg' || lotKey=='jsg' || lotKey=='sx5'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <div style="display: block;">
              <span *ngFor="let itemSon of item.balls" class="lot-sxg">{{itemSon}}</span>
            </div>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
            'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain ">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.gylh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
          </div>
        </ion-col>
        <!-- 澳洲幸运20|极速快乐8 -->
        <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="lotKey=='js8' || lotKey=='a20' || lotKey=='y20' || lotKey=='sk8'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <div style="display: block;">
              <ng-container *ngFor="let itemSon of item.balls;let i=index">
                <span class="lot-js8-a20 lot-js8-a20-{{itemSon}}">{{itemSon}}</span>
                <br *ngIf="i==9"/>
              </ng-container>
            </div>
          </div>
          <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
            'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.bsl" class="lottery-res-contain js8-a20-bsl">
            <span *ngFor="let itemSon of item.bsl" class="{{fillerBsl(itemSon)}}">{{itemSon}}</span>
          </div>
        </ion-col>

        <!-- 默认的显示 -->
        <ion-col class="lotter-data lotter-data-right" size="9"
          *ngIf="lotKey!='lhc' && lotKey!='qlc' && lotKey!='mlc' && lotKey!='twd' && lotKey!='ssc' &&  lotKey!='ssn' &&  lotKey!='xyssc' && lotKey!='ssh' && lotKey!='ss8' && lotKey!='sgs' && lotKey!='f3d' && lotKey!='pl3' && lotKey!='sjs'&& lotKey!='yjs'&&lotKey!='s3s' && lotKey!='js3' && lotKey!='sg3' && lotKey!='stj' &&  lotKey!='sgx' && lotKey!='ssg' && lotKey!='klsf' && lotKey!='az8' && lotKey!='yz8' && lotKey!='s10' && lotKey!='sxg' && lotKey!='jsg' && lotKey!='sx5' && lotKey!='js8' && lotKey!='a20' && lotKey!='y20' && lotKey!='sk8'">
          <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain"
            [ngClass]="{'small-ball':item.balls.length>8}">
            <div style="display: block;">
              <span *ngFor="let itemSon of item.balls" class="lot-{{itemSon | lotnum}} pk-num-font">{{itemSon}}</span>
            </div>
            <div *ngIf="showStateData.balls && showStateData.sum" style="display: block; text-align: left;">
              <span *ngFor="let itemSon of item.sum" class="lot-pk-sum">{{itemSon}}</span>
            </div>
          </div>
          <div *ngIf="showStateData.sum && !showStateData.balls" class="lottery-res-contain   lottery-res-contain-sum">
            <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
              'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
            <span *ngFor="let itemSon of item.nn">
              <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
            </span>
          </div>
          <div *ngIf="showStateData.dx" class="lottery-res-contain ">
            <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.ds" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
              [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
          </div>
          <div *ngIf="showStateData.gylh" class="lottery-res-contain">
            <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
          </div>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
  <ion-infinite-scroll threshold="30%" (ionInfinite)="loadData($event)" [disabled]="disabled">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>